{volist name="$top_notes" id="vo"}
  <div class="masonry-item col-md-3 col-sm-6">
    <div class="blog-item rounded shadow">
      <a href="{:url('note/read', array('id'=>$vo['id']))}" target="_blank">
        <img src="{$vo.wap_cover_path|get_thumb_src=###,640}" class="img-responsive" alt="{$vo.title}" />
      </a>
      <div class="blog-details">
        {if condition="($vo.is_has_video)"}
          <div class="ribbon-wrapper">
            <div class="ribbon ribbon-danger">Video</div>
          </div>
        {/if}
        <div class="blog-userinfo">
          <h4 class="blog-title">
            <a href="{:url('note/read', array('id'=>$vo['id']))}" target="_blank">
              {$vo.title}
            </a>
          </h4>
          <ul class="blog-meta">
            <li>By: <a href="{:url('note/index', array('user_id'=>$vo['user_id']))}" target="_blank">{$vo.user_nickname}</a></li>
            <li>{$vo.update_time|format_show_time=###,'no_second'}</li>
          </ul>
        </div>
        <div class="blog-options">
          <ul class="blog-meta" >
            
          </ul>
        </div>
      </div>
    </div><!-- /.blog-item -->
  </div><!-- col-md-3 -->
{/volist}